<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>订单详情</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/my_yihe.css"/>
		<link rel="stylesheet" type="text/css" href="css/order_details.css" />
	</head>

	<body>
		<!--引入共同的头部-->
		<header></header>
		<!--中间的内容部分-->
		<div id="wrap_content">
			<!--引入左侧的列表-->
			<article></article>
			<!--引入右侧的内容部分-->
			<div id="order_details">
				<!--订单编号-->
				<div class="order_num">
					<span>订单编号：15041305000006958388</span>
					<span class="order_state">订单状态：<span>待付款</span></span>
					<input class="now_pay" type="button" value="立即支付" />
					<input class="cancel_order" type="button" value="取消订单" />
				</div>
				<!--支付详情-->
				<div id="pay_details">
					<table class="table">
						<tr>
							<td>支付方式</td>
							<td>支付宝</td>
						</tr>
						<tr>
							<td>支付流水号</td>
							<td>4643196461647896166</td>
						</tr>
						<tr>
							<td>下单时间</td>
							<td>
								<span>2016-04-03</span>
								<span>16:11:38</span>
							</td>
						</tr>
						<tr>
							<td>支付时间</td>
						</tr>
						<tr>
							<td>收货时间</td>
						</tr>
						<tr>
							<td>发货时间</td>
						</tr>
						<tr>
							<td>取消时间</td>
						</tr>
						<tr>
							<td>申请退款时间</td>
						</tr>
						<tr>
							<td>退款原因</td>
						</tr>
						<tr>
							<td>退款时间</td>
						</tr>
						<tr>
							<td>订单备注</td>
							<td>希望包装的严实一点，不要有破损的</td>
						</tr>
					</table>
				</div>
				<!--收货人信息-->
				<h3>收货人信息</h3>
				<div id="consignee_info">
					<table class="table">
						<tr>
							<td>收货人姓名</td>
							<td>小胜胜</td>
						</tr>
						<tr>
							<td>地址</td>
							<td>河南省郑州市高新区</td>
						</tr>
						<tr>
							<td>联系方式</td>
							<td>
								<span>手机：<span>15023456745</span></span><span>/固定电话：<span>010-12548756</span></span>
							</td>
						</tr>
					</table>
				</div>
				<!--发票信息-->
				<h3>发票信息</h3>
				<div id="bill_info">
					<table class="table">
						<tr>
							<td>发票类型</td>
							<td>电子发票</td>
						</tr>
						<tr>
							<td>发票抬头</td>
							<td>北京嘉禾影院有限公司</td>
						</tr>
						<tr>
							<td>发票</td>
							<td>内容明细</td>
						</tr>
					</table>
				</div>
				<!--卖家信息-->
				<h3>卖家信息</h3>
				<div id="seller_info">
					<table class="table">
						<tr>
							<td>店铺名称</td>
							<td>小胜胜丝袜旗舰店</td>
						</tr>
						<tr>
							<td>真实姓名</td>
							<td>小胜胜</td>
						</tr>
						<tr>
							<td>联系电话</td>
							<td>0512-25664952</td>
						</tr>
					</table>
				</div>
				<!--物流信息-->
				<h3>物流信息</h3>
				<div id="express_info">
					<table class="table">
						<tr>
							<td>联系人</td>
							<td>张小哥</td>
						</tr>
						<tr>
							<td>联系方式</td>
							<td>1399683562</td>
						</tr>
					</table>
				</div>
				<div id="store_info">
					<!--海澜之家旗舰店-->
					<table class="table">
						<tr>
							<th>海澜之家旗舰店</th>
							<th>规格</th>
							<th>单价</th>
							<th>数量</th>
							<th>金额</th>
						</tr>
						<tr>
							<td>
								<img src="img/order_details/ex.png" />
								<span>针织呢子大衣</span>
							</td>
							<td class="rule">
								<p>尺寸：均码</p>
								<p>颜色：黑色</p>
							</td>
							<td>
								<span>￥<span>35.0</span></span>
							</td>
							<td>
								<span>1</span>
							</td>
							<td>
								<span>￥</span><span>35</span>
							</td>
						</tr>
						<tr>
							<td>
								<img src="img/order_details/ex.png" />
								<span>针织呢子大衣</span>
							</td>
							<td class="rule">
								<p>尺寸：均码</p>
								<p>颜色：黑色</p>
							</td>
							<td>
								<span>￥<span>35.0</span></span>
							</td>
							<td>
								<span>1</span>
							</td>
							<td>
								<span>￥</span><span>35</span>
							</td>
						</tr>
						<tr>
							<td>
								<img src="img/order_details/ex.png" />
								<span>针织呢子大衣</span>
							</td>
							<td class="rule">
								<p>尺寸：均码</p>
								<p>颜色：黑色</p>
							</td>
							<td>
								<span>￥<span>35.0</span></span>
							</td>
							<td>
								<span>1</span>
							</td>
							<td>
								<span>￥</span><span>35</span>
							</td>
						</tr>
						<tr>
							<!--设置商品价格信息-->
							<table class="table right">
								<tr>
									<th class="large_width"></th>
									<th>运费</th>
									<th>商品金额</th>
									<th>小计</th>
								</tr>
								<tr>
									<td class="large_width"></td>
									<td><span>￥</span><span>5.0</span></td>
									<td><span>￥</span><span>108.0</span></td>
									<td><span>￥</span><span>113.0</span></td>
								</tr>
							</table>
						</tr>
					</table>
				</div>
				<!--使用积分抵扣-->
				<div id="use_points">
					<div>使用积分抵扣（<span>50</span>积分）<span><span>-￥</span>5.0</span>
					</div>
				</div>
				<div id="pay_money">
					<div id="real_pay">
						<span>实付金额：<span>￥</span><span>36.0</span></span>
					</div>
					<div>
						<input class="now_pay" type="button" value="立即支付" />
						<input class="cancel_order" type="button" value="取消订单" />
					</div>
				</div>
			</div>
		</div>
		<!--引入footer部分-->
		<footer></footer>
	</body>
	<script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/my_yihe.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/order_details.js" type="text/javascript" charset="utf-8"></script>

</html>